<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>y</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $(".news-items").each(function (idx, item) {
            $(item).mouseover(function () {
                if ($(item).hasClass("show")) {
                    return;
                }
                $(".news-items").each(function (xidx, xitem) {
                    $(xitem).removeClass("show");
                });
                $(item).addClass("show");
            })
        });

    });

</script>
<div class="gray-bg">
    <!--导航-->
    <div id="allheader" class="container-full allheader-index">
        <div class="header-mark"></div>
        <div class="header-mark-bot"></div>
        <div class="container-full header clearfix">
            <div class="container-full top header-nav">
                <div class="container padding-right-clear">
                    <div class="col-xs-12 padding-right-clear">
                        <div class="navbar">
                            <div class="nav-header navbar-default">
                                <a href="#" class="navbar-brand">
                                    <img src="image/logo.png" alt="玉葡萄">
                                </a>
                            </div>
                            <div class="collapse navbar-collapse navbar-right">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="">首页 xxxx
                                        <div class="relative">
                                            <span class="line"></span>
                                        </div>
                                    </a></li>
                                    <li><a href="trade/coin.html">交易中心
                                        <div class="relative">
                                            <span class="line"></span>
                                        </div>
                                    </a></li>
                                    <li><a href="/financial/index.html">财务中心
                                        <div class="relative">
                                            <span class="line"></span>
                                        </div>
                                    </a></li>
                                    <li><a href="">行情中心
                                        <div class="relative">
                                            <span class="line"></span>
                                        </div>
                                    </a></li>
                                    <li><a href="activityNew/machineStatus.html">活动中心
                                        <div class="relative">
                                            <span class="line"></span>
                                        </div>
                                    </a></li>
                                    <li><a href="user/userhome.html">个人中心
                                        <div class="relative">
                                            <span class="line"></span>
                                        </div>
                                    </a></li>
                                </ul>
                                <!--登录注册框-->
                                <div class="login clearfix">
                                    <div class="log-mark"></div>
                                    <div class="log-con">
                                        <a href="test.html" class="log-item">登录</a>
                                        <span class="log-item">|</span>
                                        <a href="#" class="log-item">注册</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--登录框-->
    <div class="container-full">
        <div class="container login-box">
            <div class="login-main">
                <div class="log-bg"></div>
                <div class="log-under"></div>
                <div class="login-con">
                    <div class="login-group">
                        <h3 class="login-title">登录玉葡萄</h3>
                    </div>
                    <div class="login-group">
                        <input type="text" class="formname" placeholder="请输入邮箱或手机号">
                    </div>
                    <div class="login-group">
                        <input type="text" class="formpass" placeholder="请输入密码">
                    </div>
                    <div class="login-group">
                        <button class="btn btn-block btn-danger">登录</button>
                    </div>
                    <div class="form-group">
                        <a href="">忘记密码？</a>
                        <a href="" id="reg">注册</a>
                    </div>
                </div>
            </div>

        </div>
        <!--轮播-->
        <div id="show" class="carousel slide" data-ride="carousel" style="height: 546px;">
            <ol class="carousel-indicators">
                <li data-target="#show" data-slide-to="0" class="active"></li>
                <li data-target="#show" data-slide-to="1"></li>
                <li data-target="#show" data-slide-to="2"></li>
                <li data-target="#show" data-slide-to="3"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <a href="###"
                       style='display: block;background: url("image/xiaoputao.jpg") no-repeat 50% 50%; height: 546px;'> </a>
                </div>
                <div class="item">
                    <a href=""
                       style='display: block;background: url("image/hb.jpg") no-repeat 50% 50%; height: 546px;'></a>
                </div>
                <div class="item">
                    <a href=""
                       style='display: block;background: url("image/zuiqiangwangzhe.jpg") no-repeat 50% 50%; height: 546px;'></a>
                </div>
                <div class="item">
                    <a href=""
                       style='display: block;background: url("image/0033.jpg") no-repeat 50% 50%; height: 546px;'></a>
                </div>
            </div>
        </div>
    </div>
    <!--公告栏-->
    <div class="container-full notice">
        <div class="container text-center">
            <marquee direction="up" height="30" scrollamount="1" scrolldelay="50">
                <ul>
                    <li class="notice-style">
                        <a href="">
                            <div class="notice-item-icon"></div>
                            网银在线支付各银行限额表
                        </a>
                    </li>
                    <li class="notice-style">
                        <a href="">
                            <div class="notice-item-icon"></div>
                            关于域名转出和人民币提现的最新...
                        </a>
                    </li>
                </ul>
            </marquee>
        </div>
    </div>
    <!--信息-->
    <div class="container-full trade">
        <div class="container">
            <div class="row trade-title text-center">
                <span class="col-xs-2">域名种类</span>
                <span class="col-xs-2">最新成交价</span>
                <span class="col-xs-2">24H成交量</span>
                <span class="col-xs-2">今日涨跌</span>
                <span class="col-xs-2">价格趋势(3日)</span>
                <span class="col-xs-2"></span>
            </div>
            <div class="row trade-text">
                <a href=""><span class="col-xs-2">
                    <img class="coin-logo" src="image/com.png">
                    四声母COM
                </span></a>
                <span class="col-xs-2 text-danger">￥6626.0000</span>
                <span class="col-xs-2">1537.2603</span>
                <span class="col-xs-2 text-success">-0.73%</span>
                <span class="col-xs-2 text-center"><div class="can"><canvas width="165px" height="60px"></canvas></div></span>
                <span class="col-xs-2" style="text-indent: 1em"><a href="#" class="btn trade-button" role="button">去交易
                <i class="triangle-right"></i></a></span>
            </div>
        </div>
    </div>
    <!--简介-->
    <div class="container-full about">
        <div class="about-bg">
            <div></div>
        </div>
        <div class="container text-center">
            <div class="about-box">
                <div class="col-xs-4 about-item">
                    <div class="col-xs-12 about-con">
                        <h3 class="text-danger about-title">安全</h3>
                        <span class="about-img security"></span>
                        <p class="text-left">团队拥有超过10年的域名投资和管理经验和强大的交易平台研发实力，以及流程化、
                            责任化的多重审管理体系，保证用户的每一笔资产安全</p>
                    </div>
                </div>
                <div class="col-xs-4 about-item">
                    <div class="col-xs-12 about-con">
                        <h3 class="text-danger about-title">便捷</h3>
                        <span class="about-img quick"></span>
                        <p class="text-left">强大的撮合引擎保证了系统能够非常高效的处理每一笔委托交易，使得交易体验变得更便捷，拜托了传统交易模式低效且繁琐的流程。</p>
                    </div>
                </div>
                <div class="col-xs-4 about-item">
                    <div class="col-xs-12 about-con">
                        <h3 class="text-danger about-title">平等</h3>
                        <span class="about-img equal"></span>
                        <p class="text-left">我们是一家完全独立的域名交易平台。综治就是帮助用户快速的进入到域名投资领域，降低用户的投资风险，享有平等的投资机会</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--新闻信息-->
    <div class="container-full news">
        <div class="container">
            <div class="">
                <div class="news-items show">
                    <div class="news-item-title text-center">
                        <i class="notice-icon"></i>
                        <h3>官方公告</h3>
                        <p class="hd2">掌握玉葡萄各类活动资讯</p>
                    </div>
                    <div class="news-content">
                        <!--<ul>-->
                        <!--<li>-->
                        <!--<a href="">-->
                        <!--<img src="" alt="">-->
                        <!--<dl>-->
                        <!--<dt></dt>-->
                        <!--<dd></dd>-->
                        <!--</dl>-->
                        <!--</a>-->
                        <!--</li>-->
                        <!--<li></li>-->
                        <!--<li></li>-->
                        <!--</ul>-->
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">8月5日0点网站服务器维护公告</h4>
                                <p>尊敬的用户为了更好的提升服务和用户体验，玉葡萄官网(YPT.COM) 将.....</p>
                            </div>
                        </a>
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">关于域名转出和人民币体现的最新...</h4>
                                <p>尊敬的用户为了更好的提升服务和用户体验，玉葡萄平台针对域名转出和人民...</p>

                            </div>
                        </a>
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">[已恢复转出]关于暂停22.cn...</h4>
                                <p>尊敬的用户，即日起，暂停22.cn(爱名网)域名的转出申请，转入不限制...</p>

                            </div>
                        </a>
                    </div>
                </div>
                <div class="news-items">
                    <div class="news-item-title text-center">
                        <i class="topic-icon"></i>
                        <h3>热门话题</h3>
                        <p class="hd2">最新最热的话题讨论</p>
                    </div>
                    <div class="news-content">
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">8月5日0点网站服务器维护公告</h4>
                                <p>尊敬的用户为了更好的提升服务和用户体验，玉葡萄官网(YPT.COM) 将.....</p>

                            </div>
                        </a>
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">关于域名转出和人民币体现的最新...</h4>
                                <p>尊敬的用户为了更好的提升服务和用户体验，玉葡萄平台针对域名转出和人民...</p>

                            </div>
                        </a>
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">[已恢复转出]关于暂停22.cn...</h4>
                                <p>尊敬的用户，即日起，暂停22.cn(爱名网)域名的转出申请，转入不限制...</p>

                            </div>
                        </a>
                    </div>
                </div>
                <div class="news-items">
                    <div class="news-item-title text-center">
                        <i class="reports-icon"></i>
                        <h3>媒体报道</h3>
                        <p class="hd2">多方面了解行业动态</p>
                    </div>
                    <div class="news-content">
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">8月5日0点网站服务器维护公告</h4>
                                <p>尊敬的用户为了更好的提升服务和用户体验，玉葡萄官网(YPT.COM) 将.....</p>

                            </div>
                        </a>
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">关于域名转出和人民币体现的最新...</h4>
                                <p>尊敬的用户为了更好的提升服务和用户体验，玉葡萄平台针对域名转出和人民...</p>

                            </div>
                        </a>
                        <a href="" class="media">
                            <div class="media-left">
                                <img src="image/default.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">[已恢复转出]关于暂停22.cn...</h4>
                                <p>尊敬的用户，即日起，暂停22.cn(爱名网)域名的转出申请，转入不限制...</p>

                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--QQ微信-->
    <div class="container-full contact">
        <div class="container">
            <div class="contact-con text-center clearfix">
                <div class="top-split"></div>
                <div class="col-xs-2 contact-item">
                    <div class="icon-iten">
                        <i class="icon qq"></i>
                    </div>
                    <p>客服QQ</p>
                    <ul>
                        <li>1700888990
                            17000888991
                            1700888992
                        </li>
                    </ul>
                </div>
                <div class="col-xs-2 contact-item">
                    <div class="icon-iten">
                        <i class="icon phone"></i>
                    </div>
                    <p>客服热线</p>
                    <ul>
                        <li>400-772-5979</li>
                    </ul>
                </div>
                <div class="col-xs-2 contact-item">
                    <div class="icon-iten">
                        <i class="icon app"></i>
                    </div>
                    <p>APP下载</p>
                    <ul>
                        <li>敬请期待</li>
                    </ul>
                </div>
                <div class="col-xs-2 contact-item">
                    <div class="icon-iten">
                        <i class="icon weibo"></i>
                    </div>
                    <p>官方微博</p>
                    <ul>
                        <li>@玉葡萄官网</li>
                    </ul>
                    <div class="dialog">
                        <img src="image/weibo.png" alt="微信二维码">
                        <p>扫描关注微博</p>
                    </div>
                </div>
                <div class="col-xs-2 contact-item">
                    <div class="icon-iten">
                        <i class="icon weixin"></i>
                    </div>
                    <p>官方微信</p>
                    <ul>
                        <li>yuputao888</li>
                    </ul>
                    <div class="dialog">
                        <img src="image/weixin.png" alt="微信二维码">
                        <p>扫描关注微信</p>
                    </div>
                </div>
                <div class="col-xs-2 contact-item">
                    <div class="icon-iten">
                        <i class="icon chat"></i>
                    </div>
                    <p>官方QQ群</p>
                    <ul>
                        <li>22209880</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--页脚-->
    <div id="allfooter" class="container-full footer" style="position: static;">
        <div class="container footer-top">
            <div class="row col-xs-12 text-center">
                <div class="footer-left-top">
                    <a href="" target="_blank">关于我们</a>
                    <span class="plist max">|</span>
                    <a href="" target="_blank">使用帮助</a>
                    <span class="plist max">|</span>
                    <a href="" target="_blank">联系我们</a>
                    <span class="plist max">|</span>
                    <a href="" target="_blank">在线问答</a>
                    <span class="plist max">|</span>
                    <a href="" target="_blank">飞率说明</a>
                    <span class="plist max">|</span>
                    <a href="" target="_blank">法律声明</a>
                    <span class="plist max">|</span>
                    <a href="" target="_blank">商务合作</a>
                    <span class="plist max">|</span>
                </div>
                <div class="footer-left-con">
                    <span class="plist">
                        <a href="" target="_blank">友情链接</a>
                    </span>
                    <span class="plist">
                        <a href="" target="_blank">火币网</a>
                    </span>
                    <span class="plist">
                        <a href="" target="_blank">域名城</a>
                    </span>
                    <span class="plist">
                        <a href="" target="_blank">阿里云</a>
                    </span>
                    <span class="plist">
                        <a href="" target="_blank">易名中国</a>
                    </span>
                    <span class="plist">
                        <a href="" target="_blank">金色财经</a>
                    </span>
                </div>
                <div class="footer-left-bot">
                    <div class="footer-bot">
                        <span>
                            ©2017&nbsp;
                            玉葡萄&nbsp;
                            YPT.COM&nbsp;
                            京ICP备17037802号
                        </span>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
</body>
</html>
